<template>
	<view>
		<view class="" style="padding-bottom: 180rpx;">
			<!-- 赛事名称 -->
			<view class="mainpadding ffffff">
				<view class="flexbetween">
					<view class="shilitu">
						<!-- <image src="../static/image/system/banner1.png" mode=""></image> -->
					</view>
					<view class="" style="width: 69%;">
						<view class="titletext xiaohei fonweight yhxk">XXX课程名称</view>
						<view class="strongtext xiaohui nofonweight margin_right2 margin_top2">08:00-10:00</view>
						<view class="strongtext xiaohui nofonweight margin_right2 margin_top">郑州</view>
					</view>
				</view>
			</view>
			<!-- 报名信息 -->
			<view class="ffffff mainpadding margin_top1">
				<view class="sanshis xiaohei fonweight">报名信息</view>
				<view class="flexbetween xiahuaxian margin_top">
					<view class="ershiba xiaohei nofonweight ">姓名：</view>
					<input class="textright" type="text" placeholder="请输入姓名">
				</view>
				<view class="flexbetween xiahuaxian margin_top">
					<view class="ershiba xiaohei nofonweight ">手机号：</view>
					<input class="textright" type="text" placeholder="请输入手机号">
				</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohei nofonweight ">身份证号：</view>
					<input class="textright" type="text" placeholder="请输入身份证号">
				</view>
			</view>
			<!-- 优惠 -->
			<view class="ffffff mainpadding margin_top1">
				<view class="sanshis xiaohei fonweight">优惠</view>
				<view class="flexbetween margin_top">
					<view class="ershiba xiaohei nofonweight ">优惠券</view>
					<view class="flexright">
						<view class="ershiba xiaohui nofonweight ">选择优惠券</view>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<!-- 固定底部 -->
		<view class="gudingdb mainpadding ffffff">
			<view class="bigbtn" @click="tzbmxx">提交信息</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {

			}
		},
		methods: {
			// 跳转提交报名
			tzbmxx() {
				uni.navigateTo({
					url: '/pages_julebu/bisaibaomingxx'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.input {
		width: 120rpx;
		height: 40rpx;
		background: #FFFFFF;
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		border: 2rpx solid #AAAAAA;
	}

	.shilitu {
		width: 200rpx;
		height: 160rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	page {
		background-color: #F9F9F9;
	}
</style>